<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:71:"D:\phpStudy\WWW\ferr\public/../application/manage\view\order\lists.html";i:1493793372;s:73:"D:\phpStudy\WWW\ferr\public/../application/manage\view\layout\header.html";i:1493803656;s:73:"D:\phpStudy\WWW\ferr\public/../application/manage\view\layout\footer.html";i:1492392708;}*/ ?>
<!DOCTYPE html>
<html lang="en-us">
	<head>
		<meta charset="utf-8">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

		<title><?php echo $title; ?></title>
		<meta name="description" content="">
		<meta name="author" content="">

		<!-- Use the correct meta names below for your web application
			 Ref: http://davidbcalhoun.com/2010/viewport-metatag

		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">-->

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Basic Styles -->
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/reset.css">
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/font-awesome.min.css">

		<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/smartadmin-production.css">
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/smartadmin-skins.css">

		<!-- SmartAdmin RTL Support is under construction
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/smartadmin-rtl.css"> -->

		<!-- We recommend you use "your_style.css" to override SmartAdmin
		     specific styles this will also ensure you retrain your customization with each SmartAdmin update.
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/your_style.css"> -->

		<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
		<link rel="stylesheet" type="text/css" media="screen" href="__CSS__/demo.css">

		<!-- FAVICONS -->
		<link rel="shortcut icon" href="__IMG__/favicon/favicon.ico" type="image/x-icon">
		<link rel="icon" href="__IMG__/favicon/favicon.ico" type="image/x-icon">

		<!-- GOOGLE FONT -->
		<!--<link rel="stylesheet" href="http://fonts.useso.com/css?family=Open+Sans:400italic,700italic,300,400,700"> -->

		<!--mine-->
		<link rel="stylesheet" href="__CSS__/manage/modify.css">
		<script>
			if (!window.jQuery) {
				document.write('<script src="__JS__/libs/jquery-2.0.2.min.js"><\/script>');
			}
		</script>

		<!-- <script src="http://ajax.useso.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> -->
		<script>
			if (!window.jQuery.ui) {
				document.write('<script src="__JS__/libs/jquery-ui-1.10.3.min.js"><\/script>');
			}
		</script>
		<script src="__JS__/vue.js"></script>
		<script src="__JS__/axios.min.js"></script>
	</head>
	<body class="">
		<!-- possible classes: minified, fixed-ribbon, fixed-header, fixed-width-->

		<!-- HEADER -->
		<header id="header">
			<div id="logo-group">

				<!-- PLACE YOUR LOGO HERE -->
				<!-- <span id="logo"> <img src="__IMG__/logo.png" alt="SmartAdmin"> </span> -->
				<!-- END LOGO PLACEHOLDER -->

				<!-- Note: The activity badge color changes when clicked and resets the number to 0
				Suggestion: You may want to set a flag when this happens to tick off all checked messages / notifications -->
				<!-- <span id="activity" class="activity-dropdown"> <i class="fa fa-user"></i> <b class="badge"> 21 </b> </span> -->

				<!-- AJAX-DROPDOWN : control this dropdown height, look and feel from the LESS variable file -->
				<!-- <div class="ajax-dropdown"> -->

					<!-- the ID links are fetched via AJAX to the ajax container "ajax-notifications" -->
					<!-- <div class="btn-group btn-group-justified" data-toggle="buttons">
						<label class="btn btn-default">
							<input type="radio" name="activity" id="ajax/notify/mail.html">
							Msgs (14) </label>
						<label class="btn btn-default">
							<input type="radio" name="activity" id="ajax/notify/notifications.html">
							notify (3) </label>
						<label class="btn btn-default">
							<input type="radio" name="activity" id="ajax/notify/tasks.html">
							Tasks (4) </label>
					</div> -->

					<!-- notification content -->
					<!-- <div class="ajax-notifications custom-scroll">

						<div class="alert alert-transparent">
							<h4>Click a button to show messages here</h4>
							This blank page message helps protect your privacy, or you can show the first message here automatically.
						</div>

						<i class="fa fa-lock fa-4x fa-border"></i>

					</div> -->
					<!-- end notification content -->

					<!-- footer: refresh area -->
					<!-- <span> Last updated on: 12/12/2013 9:43AM -->
						<!-- <button type="button" data-loading-text="<i class='fa fa-refresh fa-spin'></i> Loading..." class="btn btn-xs btn-default pull-right">
							<i class="fa fa-refresh"></i>
						</button> </span> -->
					<!-- end footer -->

				<!-- </div> -->
				<!-- END AJAX-DROPDOWN -->
			</div>


			<!-- end projects dropdown -->

			<!-- pulled right: nav area -->
			<div class="pull-right">

				<!-- collapse menu button -->
				<div id="hide-menu" class="btn-header pull-right">
					<span> <a href="javascript:void(0);" title="Collapse Menu"><i class="fa fa-reorder"></i></a> </span>
				</div>
				<!-- end collapse menu -->

				<!-- logout button -->
				<div id="logout" class="btn-header transparent pull-right">
					<span> <a href="javascript:void(0);" title="Sign Out"><i class="fa fa-sign-out"></i></a> </span>
				</div>
				<!-- end logout button -->

				<!-- search mobile button (this is hidden till mobile view port) -->
				<div id="search-mobile" class="btn-header transparent pull-right">
					<span> <a href="javascript:void(0)" title="Search"><i class="fa fa-search"></i></a> </span>
				</div>
				<!-- end search mobile button -->

			</div>
			<!-- end pulled right: nav area -->

		</header>
		<!-- END HEADER -->

		<!-- Left panel : Navigation area -->
		<!-- Note: This width of the aside area can be adjusted through LESS variables -->
		<aside id="left-panel">

			<!-- User info -->
			<div class="login-info">
				<span> <!-- User image size is adjusted inside CSS, it should stay as it -->

					<a href="javascript:void(0);" id="show-shortcut">
						<img src="__IMG__/avatars/sunny.png" alt="me" class="online" />
						<span>
							<?php echo session('user.name'); ?>
						</span>
						<!-- <i class="fa fa-angle-down"></i> -->
					</a>

				</span>
			</div>
			<!-- end user info -->

			<!-- NAVIGATION : This navigation is also responsive

			To make this navigation dynamic please make sure to link the node
			(the reference to the nav > ul) after page load. Or the navigation
			will not initialize.
			-->
			<nav>
				<!-- NOTE: Notice the gaps after each icon usage <i></i>..
				Please note that these links work a bit different than
				traditional hre="" links. See documentation for details.
				-->
				<ul>
					<?php if(is_array($menu) || $menu instanceof \think\Collection || $menu instanceof \think\Paginator): if( count($menu)==0 ) : echo "" ;else: foreach($menu as $key=>$c): ?>
						<li <?php if($controller == explode('/',$c['url'])[0]): ?> class="active open" <?php endif; ?> >
							<a href="javascript:;"><i class="<?php echo $c['icon']; ?>"></i> <span class="menu-item-parent"><?php echo $c['title']; ?></span></a>
							<?php if($c['child']): if($controller == explode('/',$c['url'])[0]): ?>
									<ul style="display: block;">
								<?php else: ?>
									<ul style="display: none;">
								<?php endif; if(is_array($c['child']) || $c['child'] instanceof \think\Collection || $c['child'] instanceof \think\Paginator): if( count($c['child'])==0 ) : echo "" ;else: foreach($c['child'] as $key=>$a): ?>
										<li <?php if($controller . '/' . $action == $a['url']): ?>class="active"<?php endif; ?>>
											<a href="<?php echo url($a['url']); ?>"><?php echo $a['title']; ?></a>
										</li>
									<?php endforeach; endif; else: echo "" ;endif; ?>
								</ul>
							<?php endif; ?>
						</li>
					<?php endforeach; endif; else: echo "" ;endif; ?>
				</ul>
			</nav>
			<span class="minifyme"> <i class="fa fa-arrow-circle-left hit"></i> </span>

		</aside>
		<!-- END NAVIGATION -->

		<!-- MAIN PANEL -->
		<div id="main" role="main">

			<!-- RIBBON -->
			<div id="ribbon">

				<span class="ribbon-button-alignment"> <span id="refresh" class="btn btn-ribbon"   rel="tooltip" data-placement="bottom" data-original-title="" data-html="true"><i class="fa fa-refresh"></i></span> </span>

				<!-- breadcrumb -->
				<!-- <ol class="breadcrumb">
					<li>
						刷新
					</li>
				</ol> -->
				<!-- end breadcrumb -->

				<!-- You can also add more buttons to the
				ribbon for further usability

				Example below:

				<span class="ribbon-button-alignment pull-right">
				<span id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa-grid"></i> Change Grid</span>
				<span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa-plus"></i> Add</span>
				<span id="search" class="btn btn-ribbon" data-title="search"><i class="fa-search"></i> <span class="hidden-mobile">Search</span></span>
				</span> -->

			</div>

			<!-- END RIBBON -->
			<!-- MAIN CONTENT -->


<style type="text/css">
    .teamNum{
        height:20px;
        line-height:20px;
        color:#fff;
        font-size:16px;
    }
    .teamNum span{
        display: inline-block;
        padding:6px 10px;
        border-radius:5px;
        background:#f89000;
    }
    #dt_basic tbody tr td{
          vertical-align:middle;
    }
    #dt_basic tbody tr td:last-child{
        text-align: center;
    }
    #dt_basic tbody tr td button{
        display: inline-block;
        margin:0 10px;
        width: 70px;
    }
    #dt_basic tbody tr td b{
        display: inline-block;
        margin:0 10px;
        width: 70px;
    }
    a{
        cursor:pointer;
    }
</style>
<div id="content">                
    <!-- widget grid -->
    <section id="widget-grid" class="">
    
        <!-- row -->
        <div class="row">
    
            <!-- NEW WIDGET START -->
            <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
    
                <!-- Widget ID (each widget will need unique ID)-->
                <div class="jarviswidget jarviswidget-color-darken jarviswidget-sortable" id="wid-id-0" data-widget-editbutton="false" role="widget">
                    <header role="heading">
                    <div class="jarviswidget-ctrls" role="menu">   </div>
                    <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                    <h2>订单列表</h2>
    
                    <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span></header>
                        
                    <!-- widget div-->
                    <div role="content">
    
                        <!-- widget edit box -->
                        <div class="jarviswidget-editbox">
                            <!-- This area used as dropdown edit box -->
                        </div>
                        <!-- end widget edit box -->
                        <!-- widget content -->
                        <div class="widget-body no-padding">
                            <div class="widget-body-toolbar">
                                <form action='<?php echo url("manage/Order/lists"); ?>' method="get">
                                    <label class="select col-xs-2">
                                        <select name="type" class=" form-control">
                                            <option value="">订单类型</option>
                                            <option value="2" <?php if($type == 2): ?>selected<?php endif; ?> >产品订单</option>
                                            <option value="3" <?php if($type == 3): ?>selected<?php endif; ?>  >工程订单</option>
                                        </select>
                                    </label>
                                    <label class="select col-xs-2">
                                        <select name="state" class=" form-control">
                                            <option value="-2"  <?php if($state == -2): ?>selected<?php endif; ?>  >订单状态</option>
                                            <option value="-1" <?php if($state == -1): ?>selected<?php endif; ?> >处理中</option>
                                            <option value="0" <?php if($state == 0): ?>selected<?php endif; ?> >未通过</option>
                                            <option value="1" <?php if($state == 1): ?>selected<?php endif; ?>  >已通过</option>
                                        </select>
                                    </label>
                                    <div class="input-group col-xs-1">
                                       <div class="input-group-btn">
                                            <button class="btn btn-default btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
                                        </div>&nbsp;&nbsp;
                                        <div class="input-group-btn">
                                            <a href="<?php echo url('manage/Order/lists'); ?>"><button type="button" class="btn btn-default">
                                                全部
                                            </button></a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div id="dt_basic_wrapper" class="dataTables_wrapper form-inline" role="grid">
                                <div class="dt-wrapper">
                                    <table id="dt_basic" class="table table-striped table-bordered table-hover dataTable" aria-describedby="dt_basic_info">
                                        <thead>
                                            <tr role="row">
                                                <th>订单号</th>
                                                <th>名称</th>
                                                <th>类型</th>
                                                <th>负责人</th>
                                                <th>下单时间</th>
                                                <th>状态</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody role="alert" aria-live="polite">
                                        <?php if(is_array($data) || $data instanceof \think\Collection || $data instanceof \think\Paginator): $i = 0; $__LIST__ = $data;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
                                            <tr class="odd">
                                                <td><?php echo $vo['order_no']; ?></td>
                                                <td>
                                                    <?php if($vo['type'] == 2): ?>
                                                        <?php echo $vo['create_name']; ?>的产品订单
                                                        <?php elseif($vo['type'] == 3): ?>
                                                        <?php echo $vo['order_name']; endif; ?>

                                                </td>
                                                <td>
                                                    <?php if($vo['type'] == 2): ?>
                                                        产品订单
                                                        <?php elseif($vo['type'] == 3): ?>
                                                        工程订单
                                                    <?php endif; ?>
                                                </td>
                                                <td>
                                                    <?php echo $vo['charge_name']; ?>
                                                </td>
                                                <td>
                                                    <?php echo date("Y-m-d H:i:s",$vo['create_t']); ?>
                                                </td>
                                                <td>
                                                    <?php if($vo['state'] == -1): ?>
                                                        处理中
                                                        <?php elseif($vo['state'] == 0): ?>
                                                        <code>未通过</code>
                                                        <?php elseif($vo['state'] == 1): ?>
                                                        已通过
                                                    <?php endif; ?>
                                                </td>
                                                <td>
                                                    <?php if($vo['type'] == 2): ?>
                                                        <a target="_blank" href="<?php echo url('manage/Order/oinfos',['id'=>$vo['id']]); ?>"><button class="btn btn-default btn-primary btn-xs">详情</button></a>
                                                        <?php elseif($vo['type'] == 3): ?>
                                                        <a target="_blank" href="<?php echo url('manage/Order/ginfos',['id'=>$vo['id']]); ?>"><button class="btn btn-default btn-primary btn-xs">详情</button></a>
                                                    <?php endif; ?>
                                                </td>
                                            </tr>
                                        <?php endforeach; endif; else: echo "" ;endif; ?>

                                        </tbody>
                                    </table>
                                </div>
                                <div class="dt-row dt-bottom-row">
                                    <div class="row">
                                        <div class="col-sm-6"></div>
                                        <div class="col-sm-6 text-right">
                                            <div class="dataTables_paginate paging_bootstrap_full">
                                                <ul class="pagination">
                                                    <?php echo $data->render(); ?>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <!-- end widget content -->
    
                    </div>
                    <!-- end widget div -->
                </div>
            </article>
            <!-- WIDGET END -->
        </div>
        <!-- end row -->
    </section>
    <!-- end widget grid -->
</div>
			

		</div>
		<!-- END MAIN PANEL -->

		<!-- SHORTCUT AREA : With large tiles (activated via clicking user name tag)
		Note: These tiles are completely responsive,
		you can add as many as you like
		-->
		<div id="shortcut">
			<ul>
				<li>
					<a href="#inbox.html" class="jarvismetro-tile big-cubes bg-color-blue"> <span class="iconbox"> <i class="fa fa-envelope fa-4x"></i> <span>Mail <span class="label pull-right bg-color-darken">14</span></span> </span> </a>
				</li>
				<li>
					<a href="#calendar.html" class="jarvismetro-tile big-cubes bg-color-orangeDark"> <span class="iconbox"> <i class="fa fa-calendar fa-4x"></i> <span>Calendar</span> </span> </a>
				</li>
				<li>
					<a href="#gmap-xml.html" class="jarvismetro-tile big-cubes bg-color-purple"> <span class="iconbox"> <i class="fa fa-map-marker fa-4x"></i> <span>Maps</span> </span> </a>
				</li>
				<li>
					<a href="#invoice.html" class="jarvismetro-tile big-cubes bg-color-blueDark"> <span class="iconbox"> <i class="fa fa-book fa-4x"></i> <span>Invoice <span class="label pull-right bg-color-darken">99</span></span> </span> </a>
				</li>
				<li>
					<a href="#gallery.html" class="jarvismetro-tile big-cubes bg-color-greenLight"> <span class="iconbox"> <i class="fa fa-picture-o fa-4x"></i> <span>Gallery </span> </span> </a>
				</li>
				<li>
					<a href="javascript:void(0);" class="jarvismetro-tile big-cubes selected bg-color-pinkDark"> <span class="iconbox"> <i class="fa fa-user fa-4x"></i> <span>My Profile </span> </span> </a>
				</li>
			</ul>
		</div>
		<!-- END SHORTCUT AREA -->

		<!--================================================== -->

		<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
		<script data-pace-options='{ "restartOnRequestAfter": true }' src="__JS__/plugin/pace/pace.min.js"></script>

		<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
		<!-- <script src="http://ajax.useso.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> -->
		

		<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
		<script src="__JS__/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->

		<!-- BOOTSTRAP JS -->
		<script src="__JS__/bootstrap/bootstrap.min.js"></script>

		<!-- CUSTOM NOTIFICATION -->
		<script src="__JS__/notification/SmartNotification.min.js"></script>

		<!-- JARVIS WIDGETS -->
		<script src="__JS__/smartwidgets/jarvis.widget.min.js" id="addScript"></script>

		<!-- EASY PIE CHARTS -->
		<script src="__JS__/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

		<!-- SPARKLINES -->
		<script src="__JS__/plugin/sparkline/jquery.sparkline.min.js"></script>

		<!-- JQUERY VALIDATE -->
		<script src="__JS__/plugin/jquery-validate/jquery.validate.min.js"></script>

		<!-- JQUERY MASKED INPUT -->
		<script src="__JS__/plugin/masked-input/jquery.maskedinput.min.js"></script>

		<!-- JQUERY UI + Bootstrap Slider -->
		<script src="__JS__/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

		<!-- browser msie issue fix -->
		<script src="__JS__/plugin/msie-fix/jquery.mb.browser.min.js"></script>

		<!-- FastClick: For mobile devices -->
		<script src="__JS__/plugin/fastclick/fastclick.js"></script>

		<script src="__JS__/plugin/jquery-nestable/jquery.nestable.js"></script>

		<!--[if IE 7]>

		<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>

		<![endif]-->

		<!-- Demo purpose only -->
		<!-- <script src="__JS__/demo.js"></script> -->

		<!-- MAIN APP JS FILE -->
		<script src="__JS__/app.js"></script>

		<!-- VUE -->
<!-- 		<script src="__JS__/vue.js"></script>
		<script src="__JS__/axios.min.js"></script> -->



		<script type="text/javascript">

		// DO NOT REMOVE : GLOBAL FUNCTIONS!

		$(document).ready(function() {

			pageSetUp();

		})

		</script>

	</body>

</html>

<script type="text/javascript">

 var vm = new Vue({
    el:"#content",
    data:{
        page:1,
        pageList:[1,2,3,4,5],
        last:10,
        list:[
                {id:1,num:1245,name:"燃气",state:"1",time:1874452152},
                {id:2,num:3141,name:"煤",state:"2",time:1254865125},
                {id:3,num:4123,name:"手枪",state:"4",time:1521589158},
                {id:4,num:2131,name:"狙击枪",state:"3",time:1258469789},
                {id:5,num:2342,name:"迫击炮",state:"1",time:1874452645},
                {id:6,num:1234,name:"意大利炮",state:"1",time:1485279614},
                {id:7,num:5234,name:"洲际导弹",state:"2",time:1268528866},
                {id:8,num:6424,name:"萨德",state:"3",time:1842621645},
                {id:9,num:7357,name:"原子弹",state:"3",time:1761586127},
                {id:0,num:2478,name:"氢弹",state:"4",time:1456982985},
            ]
    },
    methods:{
        ajaxList:function(page){

        },
        goPage:function(page){
            page = page < 1 ? 1 : page;
            page = page > this.last ? this.last : page;
            this.page = page;
            if(this.last > 5){
                if(this.page > 3 && this.last - this.page > 2){
                    this.pageList = [this.page-2,this.page-1,this.page,this.page+1,this.page+2];
                }else if(this.page <= 3){
                    this.pageList = [1,2,3,4,5];
                }else if(this.last - this.page <= 2){
                    this.pageList = [this.last-4,this.last-3,this.last-2,this.last-1,this.last];
                }
            };
            this.ajaxList(this.page);
        }
    },
    created:function(){
        this.ajaxList(1);
    },
    filters:{
        timeTo:function(date,type){// data:时间戳，type:显示类型(可不填) "date"-->YY/MM/DD; "time"-->h:m:s;
            date = new Date(parseInt(date)*1000);
            var toTime = "";
            var Y = date.getFullYear();
            var M = date.getMonth()+1;
            var D = date.getDate();
            var h = date.getHours();
            var m = date.getMinutes();
            var s = date.getSeconds();
            M = M < 10?("0" + M) : M;
            D = D < 10?("0" + D) : D;
            h = h < 10?("0" + h) : h;
            m = m < 10?("0" + m) : m;
            s = s < 10?("0" + s) : s;
            if(type == "date"){
                toTime = Y + "-" + M + "-" + D
            }else if(type == "time"){
                toTime = h + ":" + m + ":" + s;
            }else{
                toTime = Y + "-" + M + "-" + D +" " + h + ":" + m + ":" + s;
            }
            return toTime;
        },
        state:function(data){

        }
    }
 })

</script>